<template>
  <div class="page-container ver-layout-center">
    <div class="header-title">children示例页面</div>
    <div class="hor-layout-around" style="width: 100%">
      <button @click="toChild1Page">跳转到child1页面</button>
      <button @click="toChild2Page">跳转到child2页面</button>
    </div>
    <!--  todo 删除就不可以了  -->
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "index",
  methods: {
    backPage() {
      // this.$router.back()
      this.$router.push('/home')
    },
    toChild1Page() {
      this.$router.push('/childrenDemo/child1')
    },
    toChild2Page() {
      this.$router.push('/childrenDemo/child2')
    }
  }
}
</script>

<style scoped>

</style>
